<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>Android Design - 纯粹的 Android</title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:regular,medium,thin,italic,mediumitalic" />
	<link rel="stylesheet" type="text/css" href="../css/style.css" />
	<link rel="stylesheet" type="text/css" href="../css/folding.css" />
	<style type="text/css">

	</style>
	<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../js/jquery.common.min.js"></script>
	<script type="text/javascript" src="../js/jquery.folding.min.js"></script>
	<script type="text/javascript" src="../js/adchs.js"></script>
</head>
<body>
	<div id="pageWrapper">
		<div id="header">
			<a href="../index.html">Android Design&nbsp;<span class="headerChs">Android 设计指南非官方简体中文版</span></a>
		</div>
		<div id="navWrapper">
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../index.html">开始</a></div>
				<ul class="foldingContainer">
					<li><a href="../get-started/create-vistion.html">创新的视觉效果</a></li>
					<li><a href="../get-started/principles.html">设计原则</a></li>
					<li><a href="../get-started/ui-overview.html">UI 概览</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../style/index.html">风格</a></div>
				<ul class="foldingContainer">
					<li><a href="../style/devices-displays.html">设备和显示</a></li>
					<li><a href="../style/themes.html">主题</a></li>
					<li><a href="../style/touch-feedback.html">触摸反馈</a></li>
					<li><a href="../style/metrics-grids.html">度量单位和网格</a></li>
					<li><a href="../style/typography.html">字体</a></li>
					<li><a href="../style/color.html">颜色</a></li>
					<li><a href="../style/iconography.html">图标</a></li>
					<li><a href="../style/writing.html">写作风格</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList initShow">
				<div class="trigger"><a href="index.html">模式</a></div>
				<ul class="foldingContainer">
					<li><a href="new.html">Android 新特性</a></li>
					<li><a href="gestures.html">手势</a></li>
					<li><a href="app-structure.html">应用结构</a></li>
					<li><a href="navigation.html">导航</a></li>
					<li><a href="actionbar.html">操作栏</a></li>
					<li><a href="multi-pane-layouts.html">多视图布局</a></li>
					<li><a href="swipe-views.html">滑动视图</a></li>
					<li><a href="selection.html">选择</a></li>
					<li><a href="confirming-acknowledging.html">确认和提示</a></li>
					<li><a href="notifications.html">通知</a></li>
					<li><a href="widgets.html">小部件</a></li>
					<li><a href="settings.html">设置</a></li>
					<li><a href="help.html">帮助</a></li>
					<li><a href="compatibility.html">兼容性</a></li>
					<li><a href="accessibility.html">可用性</a></li>
					<li><a class="highlight" href="pure-android.html">纯粹的 Android</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../building-blocks/index.html">控件</a></div>
				<ul class="foldingContainer">
					<li><a href="../building-blocks/tabs.html">标签选项卡</a></li>
					<li><a href="../building-blocks/lists.html">列表</a></li>
					<li><a href="../building-blocks/grid-lists.html">网格列表</a></li>
					<li><a href="../building-blocks/scrolling.html">滚动容器</a></li>
					<li><a href="../building-blocks/spinners.html">下拉菜单 (Spinners)</a></li>
					<li><a href="../building-blocks/buttons.html">按钮</a></li>
					<li><a href="../building-blocks/text-fields.html">文本框</a></li>
					<li><a href="../building-blocks/seek-bars.html">滑块</a></li>
					<li><a href="../building-blocks/progress.html">进度条和活动</a></li>
					<li><a href="../building-blocks/switches.html">开关</a></li>
					<li><a href="../building-blocks/dialogs.html">对话框</a></li>
					<li><a href="../building-blocks/pickers.html">选择器</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
		<div id="content">
			<div class="contentNav topNav">
				<div class="contentHeaderWraper">
					<h2>纯粹的 Android&nbsp;<a class="originalLink" href="http://developer.android.com/design/patterns/pure-android.html" target="_blank">Original Version</a></h2>
				</div>
				<div class="buttonWrapper">
					<a class="buttonPrev" href="accessibility.html">上一页</a><a class="buttonNext" href="../building-blocks/index.html">下一页</a>
				</div>
			</div>
			<div id="mainContent">
				<p>许多开发者会在多个平台上发布应用。如果您打算为 Android 开发应用，请记住在不同的平台需要遵守不同的要求和惯例。在某个平台上开起来不错的设计，也许在另一个平台上就不合适。“一次设计，到处运行”的想法可能在一开始能节省一些时间，但是和平台不一致的体验最终可能会疏远用户。考虑按照下面的指导进行设计，避免常见的错误和缺陷。</p>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要模仿其它平台的 UI 元素</h4>
						<p>不同的平台都会提供别具一格的、精心设计的、主题化的 UI 元素。例如在一些平台上鼓励使用圆角按钮，另一些则鼓励使用渐变标题栏。许多情况下，虽然元素的功能是一样的，但是设计方法截然不同。</p>
						<p>当您为 Android 设计应用时，不要使用其它平台的 UI 元素，也不要模仿其它平台元素的行为。参考 <a href="../building-blocks/index.html">控件</a> 这一章了解 Android 主要的 UI 元素。同时，观察 Android 系统应用，了解这些元素是如何使用的。如果您要自定义 UI 元素，请按照您品牌的统一设计，不要照搬其它平台的设计。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_ui_elements.png" />
						<p class="caption">Android、iOS 和 Windows Phone 7 的 UI 元素样例。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要使用专为其它平台设计的图标</h4>
						<p>不同的平台都会提供常用功能的图标集，例如分享、新建和删除。</p>
						<p>如果您正在将应用移植到 Android 平台，请不要使用专为其它平台设计的图标。</p>
						<p>您可以在 Android SDK 中找到各种用途的图标。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_icons.png" />
						<p class="caption">Android、iOS 和 Windows Phone 7 的图标样例。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要使用底部的标签栏</h4>
						<p>其它平台使用底部标签栏在应用中切换视图。Android 标签应当放在顶部的操作栏中。不过您可以在底部放置副操作栏。</p>
						<p>您应当按照该指导设计应用，提供统一的平台应用体验，区分操作栏和视图切换。</p>
						<p>请参考 <a href="../patterns/actionbar.html">操作栏</a> 一节，了解如何合理的使用操作栏切换视图。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_ios_dialers.png" />
						<p class="caption">Android 拨号应用的操作栏标签 vs. iOS 的底部标签栏。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要通过硬编码连接其它应用</h4>
						<p>又是您的应用需要使用其它应用提供的功能。例如通过社交网络或者短消息分享您应用中的内容，或者在浏览器内打开链接。不要硬编码这些操作，否则就只能连接到一个特定的应用。您应该调用 Android 提供的 intent API 打开一个活动选择器 (activity chooser) ，它将会列出所有支持指定操作的应用。这样用户可以选择他们喜欢的应用完成操作。对于“分享”这一特殊操作，您应当考虑在操作栏中使用分享提供器 (Share Action Provider) 来完成操作，它可以使得用户更快的选择最近使用的分享应用。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_intents.png" />
						<p class="caption">通过活动选择器 (activity chooser) 或者分享提供器 (Share Action Provider) 连接其它应用。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要在操作栏中使用带有标题的返回按钮</h4>
						<p>其它平台使用带有标题的返回按钮，使用户可以返回应用的上一层。Android 则使用操作栏的应用图标返回上一层，同时使用导航栏的返回按钮返回前一个屏幕。更多信息，请参考 <a href="../patterns/navigation.html">导航</a> 一节。</p>
						<p>按照该指导设计应用，提供统一的导航体验。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_ios_galleries.png" />
						<p class="caption">Android 操作栏中的向上图标 vs. iOS 的返回按钮。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div>
					<div class="column col5">
						<h4>不要在列表中使用向右箭头</h4>
						<p>在其它平台上通常在列表中使用向右箭头提示用户触摸后有更多的内容。</p>
						<p>Android 不这么做。请不要使用向右的箭头，不要让用户猜测它的用处。</p>
					</div>
					<div class="column col8 nomarginRight">
						<img class="nomarginLR" src="migrating_ios_settings.png" />
						<p class="caption">Android 设置列表中没有向右箭头 vs. iOS 设置。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>&nbsp;</p>
				<div class="contentHeaderWraper">
					<h2>设备无关性</h2>
				</div>
				<p>记住您的应用会运行在各种不同屏幕尺寸的设备上。通过“面板”使您的应用在各种设备上始终能够提供平衡且美观的布局。</p>
				<p>更多信息，请参考 <a href="../style/devices-displays.html">设备和显示</a> 和 <a href="../patterns/multi-pane-layouts.html">多视图布局</a>。</p>
			</div><!-- mainContent -->
			<div class="contentNav bottomNav">
				<div class="buttonWrapper">
					<a class="buttonPrev" href="accessibility.html">上一页</a><a class="buttonNext" href="../building-blocks/index.html">下一页</a>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div id="footer">
			<p><a href="http://adchs.sourceforge.net">Android Design 安卓设计非官方简体中文版</a>&nbsp;-&nbsp;<a href="http://www.sunjw.us/adchs" target="_blank">www.sunjw.us/adchs</a>&nbsp;-&nbsp;感谢&nbsp;<a href="http://www.topfun.us" target="_blank">topfun 同学</a>&nbsp;<a href="http://www.freemindworld.com" target="_blank">Li Fanxi</a>&nbsp;<a href="http://www.apkbus.com" target="_blank">安卓巴士</a>&nbsp;提供的&nbsp;<a href="http://www.topfun.us/adchs/">镜像1</a>&nbsp;<a href="http://www.freemindworld.com/adchs">镜像2</a>&nbsp;<a href="http://www.apkbus.com/design">镜像3</a>。</p>
			<p id="copyright">没有特别说明的话，所有内容按照 <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Creative Commons Attribution 2.5</a> 协议授权。<br />基于 <a href="http://developer.android.com/design/" target="_blank">Android Design</a> 翻译而成，部分图片和设计样式也来自于 <a href="http://developer.android.com/design/" target="_blank">Android Design</a>。Android 是 Google 的商标。</p>
			<p>2012-2013&nbsp;-&nbsp;<a href="http://www.sunjw.us/blog" target="_blank">Sun Junwen</a>&nbsp;-&nbsp;sunjw8888 at gmail.com&nbsp;-&nbsp;<a href="http://www.sunjw.us/jsminnpp/" target="_blank">JSMinNpp</a>&nbsp;-&nbsp;<a href="http://www.twitter.com/sunjw" target="_blank" title="Follow me on Twitter"><img src="../imgs/twitter-small.png" alt="Follow me on Twitter"/></a>&nbsp;<a href="http://www.facebook.com/profile.php?id=1444809914" target="_blank" title="Follow me on Facebook"><img src="../imgs/fb-small.png" alt="Follow me on Facebook"/></a>&nbsp;<a href="http://weibo.com/nusjw" target="_blank" title="Follow me on Weibo"><img src="../imgs/weibo-small.png" alt="Follow me on Weibo"/></a>&nbsp;<a href="http://www.renren.com/sunjwvista" target="_blank" title="Follow me on Renren"><img src="../imgs/renren-small.png" alt="Follow me on Renren"/></a>&nbsp;-&nbsp;<g:plusone size="small"></g:plusone></p>
		</div>
	</div>
</body>
</html>
